<template>
    <view class="customer-service-con">
        <view class="tit">扫码咨询客服</view>
        <u-image class="img" :src="IMAGE_URL + '/static/index/code_img.png'" width="400rpx" height="400rpx" mode="aspectFill"></u-image>
        <view class="txt1">客服热线</view>
        <view class="txt2">400-124-9863</view>
        <view class="txt3">客服在线时间:09:00-20:00</view>
    </view>
</template>
<script>
import appConfig from '@/config/app.js'
export default {
    data() {
        return {
            IMAGE_URL: appConfig.IMAGE_URL,
        }
    }
}
</script>
<style lang="scss" scoped>
.customer-service-con {
    width: 100%;
    height: 100%;

    .tit {
        font-size: 36rpx;
        color: #333333;
        text-align: center;
        margin: 184rpx auto 40rpx;
    }

    .img {
        width: 400rpx;
        height: 400rpx;
        margin: 0 auto;
    }

    .txt1 {
        font-size: 36rpx;
        color: #333333;
        font-weight: bold;
        margin: 40rpx auto 8rpx;
        text-align: center;
    }

    .txt2 {
        font-size: 36rpx;
        color: #333333;
        text-align: center;
    }

    .txt3 {
        margin: 28rpx auto 0;
        font-size: 28rpx;
        color: #999999;
        text-align: center;
    }
}
</style>